<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fangmm</title>
    <link rel="stylesheet" type="text/css" href="vendors/semantic/dist/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/common.css">
    <script data-main="module/main" src="vendors/requireJs/require.js"></script>
</head>
<body>
<div class="site">
    <header class="site-header">
        <div class="site-logo site-fix">
            <div class="site-logo__logo">
                <img src="static/img/logo.png">
                    <span class="site-logo__location">
                        <div class="ui compact selection dropdown">
                            <i class="dropdown icon"></i>
                            <div class="text">厦门</div>
                            <div class="menu">
                                <a  class="item">厦门</a>
                                <a  class="item">泉州</a>
                            </div>
                        </div>
                    </span>
            </div>
            <div class="site-logo__nav">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">我要租房</a></li>
                    <li>发布房源</li>
                    <li>下载APP</li>
                </ul>
            </div>
            <div class="site-logo__search">
                <form action ="">
                <div class="ui action input">
                        <input type="text" placeholder="请输入房源" name ="community">
                        <input type ="submit" class ="search-submit">
                        <button class="ui icon button">
                            <i class="search icon"></i>
                        </button>
                </div>
                </form>
            </div>
        </div>
    </header>
</div>
<hr>
<div class ="index-bg" style ="positive: relative">
    <div class ="banner-arrow">
        <a class="unslider-arrow prev">
            <i class ="icon left"></i>
        </a>
        <a class="unslider-arrow next">
            <i class ="icon right"></i>
        </a>
    </div>
    <div class="banner">
        <ul>
            <!-- <li>
                <img src="static/img/index_bg.png">
                <div class="site index-down">
                    <div>
                        <div class="ui grid">
                            <div class="four wide column">
                                <a href="">
                                    <img src="static/img/arrow_down.svg">
                                    立即下载
                                </a>
                            </div>
                            <div class="four wide column">
                                <a href="">iPhone下载</a>
                            </div>
                            <div class="four wide column">
                                <a href="">Android下载</a>
                            </div>
                        </div>
                    </div>
                </div>
            </li> -->
            <li>
                <a href="">
                <img src="static/img/one.png">
                </a>
            </li>
            <li>
                <a href="">
                <img src="static/img/two.png">
                </a>
            </li>
        </ul>
    </div>
</div>
<div class ="index-step">
    <div class ="site">
        <div class="ui stackable four column grid detail-guess detail-guess__reset">
            <div class="column">
                <img src="static/img/1.png">
                <div class ="detail-guess__line">
                    <p><strong>100%真实房源</strong></p>
                    <span>房妈认证 一房一价</span>
                </div>
            </div>
            <div class="column">
                <img src="static/img/2.png">
                <div class ="detail-guess__line">
                    <p><strong>无中介费</strong></p>
                    <span>家具齐全 拧包入住</span>
                </div>
            </div>
            <div class="column">
                <img src="static/img/3.png">
                <div class ="detail-guess__line">
                    <p><strong>提前搭伙</strong></p>
                    <span>搭好室友 和谐入住</span>
                </div>
            </div>
            <div class="column">
                <img src="static/img/4.png">
                <div class ="detail-guess__line">
                    <p><strong>管家服务</strong></p>
                    <span>租期带看 租后管家</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="site ">
    <div class ="index-docker">
        <div>
            <p class ="index-title">
                <span></span>
                <strong>房妈妈</strong>精选
            </p>
        </div>
        <br>
        <div class="ui grid">
            <a class="four wide column reset double">
                <div class="ui card">
                      <div class="image">
                        <span>
                            <span>3222套</span>
                        </span>
                        <img src="static/img/copy.png">
                      </div>
                      <div class="content">
                        <div class ="index-top">
                          <p><strong>软件园二期</strong></p>
                        </div>
                        <div class ="index-top">
                            软件园上班集结的地方
                        </div>
                      </div>
                </div>
            </a>
            <a class="four wide column reset">
                <div class="ui card">
                      <div class="image">
                        <span>
                            <span>3222套</span>
                        </span>
                        <img src="static/img/copy.png">
                      </div>
                      <div class="content">
                        <div class ="index-top">
                          <p><strong>软件园二期</strong></p>
                        </div>
                        <div class ="index-top">
                            软件园上班集结的地方
                        </div>
                      </div>
                </div>
            </a>
            <a class="four wide column reset">
                <div class="ui card">
                      <div class="image">
                        <span>
                            <span>3222套</span>
                        </span>
                        <img src="static/img/copy.png">
                      </div>
                      <div class="content">
                        <div class ="index-top">
                          <p><strong>软件园二期</strong></p>
                        </div>
                        <div class ="index-top">
                            软件园上班集结的地方
                        </div>
                      </div>
                </div>
            </a>
            <a class="four wide column reset">
                <div class="ui card">
                      <div class="image">
                        <span>
                            <span>3222套</span>
                        </span>
                        <img src="static/img/copy.png">
                      </div>
                      <div class="content">
                        <div class ="index-top">
                          <p><strong>软件园二期</strong></p>
                        </div>
                        <div class ="index-top">
                            软件园上班集结的地方
                        </div>
                      </div>
                </div>
            </a>
            <a class="four wide column reset">
                <div class="ui card">
                      <div class="image">
                        <span>
                            <span>3222套</span>
                        </span>
                        <img src="static/img/copy.png">
                      </div>
                      <div class="content">
                        <div class ="index-top">
                          <p><strong>软件园二期</strong></p>
                        </div>
                        <div class ="index-top">
                            软件园上班集结的地方
                        </div>
                      </div>
                </div>
            </a>
        </div>
    </div> 
    <div class ="index-docker">
        <div>
            <p class ="index-title">
                <span></span>
                <strong>房妈妈</strong>精选
            </p>
        </div>
        <br>
        <div class="ui grid">
            <a class="four wide column reset">
                <div class="ui card">
                    <div class ="index-num">
                        322<small>元/月</small>  
                    </div>
                      <div class="image">
                        <img src="static/img/copy.png">
                      </div>
                      <div class="content">
                        <div class ="index-topic index-topic__padding">
                          <p><strong>[合租]软件园二期</strong></p>
                        </div>
                        <div class ="index-topic">
                            <p>3室2厅1卫 | 120㎡</p>
                            <p>真正的豪宅，尽享奢华</p>
                        </div>
                      </div>
                </div>
            </a>
            <a class="four wide column reset">
                <div class="ui card">
                    <div class ="index-num">
                        322<small>元/月</small>  
                    </div>
                      <div class="image">
                        <img src="static/img/copy.png">
                      </div>
                      <div class="content">
                        <div class ="index-topic index-topic__padding">
                          <p><strong>[合租]软件园二期</strong></p>
                        </div>
                        <div class ="index-topic">
                            <p>3室2厅1卫 | 120㎡</p>
                            <p>真正的豪宅，尽享奢华</p>
                        </div>
                      </div>
                </div>
            </a>
            <a class="four wide column reset">
                <div class="ui card">
                    <div class ="index-num">
                        322<small>元/月</small>  
                    </div>
                      <div class="image">
                        <img src="static/img/copy.png">
                      </div>
                      <div class="content">
                        <div class ="index-topic index-topic__padding">
                          <p><strong>[合租]软件园二期</strong></p>
                        </div>
                        <div class ="index-topic">
                            <p>3室2厅1卫 | 120㎡</p>
                            <p>真正的豪宅，尽享奢华</p>
                        </div>
                      </div>
                </div>
            </a>
        </div>
    </div>   
</div>
<div class ="index-step index-step-reset">
    <div class ="site site-reset">
        <div class ="site">
            <p class ="index-title">
                <span></span>
                <strong>入住</strong>三部曲
            </p>
        </div>
        <div class="ui stackable three column grid detail-guess detail-guess__step">
            <div class="column">
                <img src="static/img/01.png">
                <div>
                    <p><strong>查询房源精筛选</strong></p>
                </div>
            </div>
            <div class="column">
                <img src="static/img/02.png">
                <div>
                    <p><strong>收藏预约带看查询</strong></p>
                </div>
            </div>
            <div class="column">
                <img src="static/img/03.png">
                <div>
                    <p><strong>专属管家全程服务</strong></p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class ="site index-par">
    <p>合作商家</p>
    <div>
        <a href="">
            <img src="static/img/58.png">
        </a>
    </div>
</div>
<footer class="site-footer">
    <div class ="back-top">
        <svg id="rocket" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 64 64" data-original-title="" title="">
                <path fill="#B6B6B6" d="M42.057,37.732c0,0,4.139-25.58-9.78-36.207c-0.307-0.233-0.573-0.322-0.802-0.329
                c-0.227,0.002-0.493,0.083-0.796,0.311c-13.676,10.31-8.95,35.992-8.95,35.992c-10.18,8-7.703,9.151-1.894,23.262
                c1.108,2.693,3.048,2.06,3.926,0.115c0.877-1.943,2.815-6.232,2.815-6.232l11.029,0.128c0,0,2.035,4.334,2.959,6.298
                c0.922,1.965,2.877,2.644,3.924-0.024C49.974,47.064,52.423,45.969,42.057,37.732z M31.726,23.155
                c-2.546-0.03-4.633-2.118-4.664-4.665c-0.029-2.547,2.012-4.587,4.559-4.558c2.546,0.029,4.634,2.117,4.663,4.664
                C36.314,21.143,34.272,23.184,31.726,23.155z"></path>
        </svg>
    </div>
    <div class="site">
        <div class="ui stackable three column grid index-foot">
            
            <div class="column">
                <div class="ui grid link">
                    <a class="ui label" target="_blank">关于房妈妈</a><a class="ui label" target="_blank">工作机会</a><a class="ui label" target="_blank">条款与隐私</a>
                </div>
            </div>
            <div class="column">
                <div class="ui grid">
                    <div class="sixteen wide column index-contact ">
                        <p>
                          0592-5931113
                        </p>
                    </div>
                    <div class="sixteen wide column index-contact">
                       <p class ="index-contact-icon">
                        <a href="" title="support@fangmm.com" target="_blank">
                            <i class="mail outline icon"></i>
                        </a>
                        <a href="" class ="index-hover" target="_blank">
                            <img src="static/img/fangmm.png">
                            <i class="weixin icon"></i>
                        </a>
                        <a href="" target="_blank"><i class="weibo icon last"></i></a>
                       </p>
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="ui grid">
                    <div class="eight wide column index-arrow-bot" id ="down">
                        <div class="ui grid index-arrow-bot__padding">
                            <div class="sixteen wide column">
                                <a href="" target="_blank">iPhone下载</a>
                            </div>
                            <div class="sixteen wide column">
                                <a href="" target="_blank">Android下载</a>
                            </div>
                        </div>
                    </div>
                    <div class="eight wide column">
                        <img src="static/img/fangmm.png">
                    </div>
                </div>
            </div>
        </div>
        <div class ="site-footer__p">
            <p>
                <strong>友情链接</strong>
            </p>
            <p>
                <a href="">厦门租房网</a>
                <a href="">厦门租房网</a>
                <a href="">厦门租房网</a>
            </p>
        </div>
    </div>   
    <p class ="site-footer__copy">
        厦门房妈妈信息技术有限公司保留一切权利 | 闽ICP备150293030 电话：0592-591113
    </p> 
</footer>
</body>
</html>